<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>overflow:hidden</title>

        <style>
            /* overflow:hidden表示溢出隐藏,一处盒子边框的内容将会被隐藏*/
            /* overflow:hidden;是非常好用的让盒子形成BFC的方法 */

            div {
                width: 200px;
                height: 200px;
                padding: 50px;
                border: 1px solid #000;
                /* 溢出盒子边框的内容将被隐藏,但是盒子的padding部分的溢出还在 */
                overflow:hidden;
            }
        </style>
    </head>
    <body>
        <div>
            文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字
            文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字
            文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字
            文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字
        </div>
    </body>
</html>
